html, body {
	height: 100%;
}

.login-page-container-home {
  min-height: calc(100% - 300px);
}

.login-page-container {
	min-height: calc(100% - 300px);
  overflow: auto;
}

html, body {
	background-image: url(../images/login-bg.webp);
  background-attachment: fixed;
	background-position: center;
	background-size: cover;
}

.lb-outerContainer {
  background-color: #222 !important;
}

.lightbox .lb-image {
  border-color: #222 !important;
}

.login-logo {
	margin: 100px;
}

.copyright {
	color: #fff;
}

.login-page-text {
  margin-top: 100px;
}

.uppercase {
	text-transform: uppercase;
}
.page-content {
    background-image: url(../images/dark-honeycomb.webp);
}

.login-header {
	border-radius: 0px;
	border-right: none;
	border-left: none;
	background-color: rgba(48, 48, 48, 0.7);
	border-bottom: none;
}

.login-feature {
	background-image: url(../images/login-bg.webp);
	background-position: center;
	background-size: cover;
	-webkit-mask-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 25%);
  padding-bottom: 250px;
}

.sub-input {
	border: 1px solid #505050; 
	height: 36px

}
	
.login-header .logo {
	height: 34px;
}

.login-alerts {
  margin: auto;
  text-align: center;
  margin-top: 100px;
  margin-bottom: -100px;
  max-width: 600px;
}

.login-header .btn-primary {
	background: #000000 0% 0% no-repeat padding-box;
	text-transform: uppercase;
	font-weight: 600;
  font:  normal normal normal 28px/27px Karantina;
  color: #efc63f !important;
	border-radius: 9px;
}

.login-header .btn-primary:hover {
	background: rgba(0, 0, 0, 0.6);
	text-decoration: none !important;
}

.container {
	max-width: 1366px;
	width: auto;
}

.container.game-info {
    position: absolute;
    left: 0px;
    right: 0px;	
    height: 60px;
    z-index: 1;
}

.container.game-info > div {
	background-color: rgba(68, 68, 68, 0.7);
	border-radius: 10px;
	padding: 10px 20px;
	color: #fff;
	margin-top: 10px;
	text-transform: uppercase;
}

.game-desc {
	position: absolute;
	width: 400px;
	text-align: center;
	left: 50%;
	margin-left: -200px;
}
.game-desc h1 {
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

.social-link {
	line-height: 40px !important;
}

.social-link span {
	vertical-align: super;
	padding-left: 15px;
	font-size: 18px;
}

.social-link i {
	font-size: 32px;
}

.header.login-header .logo {
	margin-top: 0px !important;
}

.header.login-header .btn {
    line-height: 34px !important;
}

.btn-muted {
    display: block;
    width: 100%;
    margin: auto;
}

.login-form-container {
	padding: 20px;
	margin: auto;
	margin-top: 150px;
  margin-bottom: 150px;
	max-width: 400px;
	border-radius: 10px;
	background-color: rgba(0, 0, 0, 0.8);
	color: #fff;
	text-align: center;
}

.login-form-container.login-form-container-large {
  max-width: 550px;
}

.login-form-container input {
	text-align: center;
}

.login-form-container h3 {
	margin-top: 0px;
}

.stamp {
  transform: rotate(12deg);
  color: #555;
  font-size: 3rem;
  font-weight: 700;
  border: 0.25rem solid #555;
  display: inline-block;
  padding: 0.25rem 1rem;
  text-transform: uppercase;
  border-radius: 1rem;
  font-family: 'Courier';
  -webkit-mask-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/8399/grunge.png');
  -webkit-mask-size: 944px 604px;
  mix-blend-mode: multiply;
}

.is-nope {
  color: #D23;
  border: 0.5rem double #D23;
  transform: rotate(3deg);
  -webkit-mask-position: 2rem 3rem;
  font-size: 2rem;  
}

[data-timer-type="inline"] {
  color: inherit !important;
  background-color: transparent;
  font-weight: bold;
}

@media (max-width: 767px) {

  .login-alerts {
    margin-top: 10px;
    margin-bottom: -10px;
  }

  .login-page-text {
    margin-top: 20px;
  }

	.login-form-container {
		margin: 10px;
	}
	.copyright * {
		text-align: center !important;
	}

	.login-header .text-left {
		text-align: center !important;
	}
	.login-header .pull-right {
		float: none !important;
	}


    
    .tag-line img {
        top: 5px !important;
        width: 250px !important;
        margin-left: -125px !important;
    }

    .play-now {
    	text-align: center;
    	bottom:  0px !important;
    	left: 0px;
    }

}







/*!
 * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,
.fas,
.far,
.fal,
.fad,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1; }

.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -.0667em; }

.fa-xs {
  font-size: .75em; }

.fa-sm {
  font-size: .875em; }

.fa-1x {
  font-size: 1em; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-6x {
  font-size: 6em; }

.fa-7x {
  font-size: 7em; }

.fa-8x {
  font-size: 8em; }

.fa-9x {
  font-size: 9em; }

.fa-10x {
  font-size: 10em; }

.fa-fw {
  text-align: center;
  width: 1.25em; }

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit; }

.fa-border {
  border: solid 0.08em #eee;
  border-radius: .1em;
  padding: .2em .25em .15em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
  margin-right: .3em; }

.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
          animation: fa-spin 2s infinite linear; }

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
          animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1); }

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1); }

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(-1, -1);
          transform: scale(-1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
  -webkit-filter: none;
          filter: none; }

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em; }

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }
  
.fa-facebook-square:before {
  content: "\f082"; }

.fa-twitter-square:before {
content: "\f081"; }

.fa-discord:before {
  content: "\f392"; }

.fa-envelope:before {
  content: "\f0e0"; }

.fa-key:before {
  content: "\f084"; }

.fa-youtube:before {
  content: "\f167"; }

.fa-youtube-square:before {
  content: "\f431"; }

.fa-twitter:before {
  content: "\f099"; }

.fa-facebook:before {
  content: "\f09a"; }

.fa-instagram:before {
  content: "\f16d"; }

.fa-instagram-square:before {
  content: "\e055"; }
  
.fa-play:before {
  content: "\f04b"; }

.fa-user-plus:before {
  content: "\f234"; }
  
.fa-reddit:before {
    content: "\f1a1";
}

@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../fonts/fa/fa-brands-400.eot");
  src: url("../fonts/fa/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa/fa-brands-400.woff2") format("woff2"), url("../fonts/fa/fa-brands-400.woff") format("woff"), url("../fonts/fa/fa-brands-400.ttf") format("truetype"), url("../fonts/fa/fa-brands-400.svg#fontawesome") format("svg"); }

.fab {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../fonts/fa/fa-regular-400.eot");
  src: url("../fonts/fa/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa/fa-regular-400.woff2") format("woff2"), url("../fonts/fa/fa-regular-400.woff") format("woff"), url("../fonts/fa/fa-regular-400.ttf") format("truetype"), url("../fonts/fa/fa-regular-400.svg#fontawesome") format("svg"); }

.far {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../fonts/fa/fa-solid-900.eot");
  src: url("../fonts/fa/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fa/fa-solid-900.woff2") format("woff2"), url("../fonts/fa/fa-solid-900.woff") format("woff"), url("../fonts/fa/fa-solid-900.ttf") format("truetype"), url("../fonts/fa/fa-solid-900.svg#fontawesome") format("svg"); }

.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900; }


/* Items */
/*
0 Common = Grey
1 Uncommon = Green
2 Rare = Blue
3 Epic = Purple
4 Legendary = Orange
*/

.item-box {
  display: inline-block;
  border: 1px solid #666;
  position: relative;
}

.item-box .qty {
  position: absolute;
  top: 0px;
  right: 0px;
  background-color: var(--medium);
  border-left:  1px solid var(--light);
  border-bottom:  1px solid var(--light);
  padding: 0px 10px;
  color:  var(--font);
}

.item-box .qty.item-count-1 {
  display: none;
}


.item-rarity-,
.item-rarity-0,
.item-rarity-1,
.item-rarity-2,
.item-rarity-3,
.item-rarity-4,
.item-rarity-5,
.item-rarity-6,
.item-rarity-7,
.item-rarity-8,
.item-rarity-9,
.item-rarity-10 {
  position: relative;
}

.item-rarity-,
.item-rarity-0 {
  background: url(../../../modules/installed/inventory/images/bg-2.webp), radial-gradient(circle, #333 5%, #777 100%);
    background-position: center;
    background-size: cover;
}

.item-rarity-1 {
  background: url(../../../modules/installed/inventory/images/bg-2.webp), radial-gradient(circle, #35bf12 5%, #04ad24 100%);
    background-position: center;
    background-size: cover;
}

.item-rarity-2 {
  background: url(../../../modules/installed/inventory/images/bg-2.webp), radial-gradient(circle, #00b8ff 5%, #04dcff 100%);
    background-position: center;
    background-size: cover;
}

.item-rarity-3 {
  background: url(../../../modules/installed/inventory/images/bg-2.webp), radial-gradient(circle, #b200c7 5%, #b300ff 100%);
    background-position: center;
    background-size: cover;
}

.item-rarity-4 {
  background: url(../../../modules/installed/inventory/images/bg-2.webp), radial-gradient(circle, #ffd400 5%, #ffb100 100%);
    background-position: center;
    background-size: cover;
}

.item-rarity-5 {
  background: url(../../../modules/installed/inventory/images/bg-2.webp), radial-gradient(circle, #cc0202 5%, #650a0a 100%);
    background-position: center;
    background-size: cover;
}

.item-rarity-6 {
  background: url(../../../modules/installed/inventory/images/itemtype6.png), radial-gradient(circle, #F08080 5%, #e3acdf 100%);
    background-position: center;
    background-size: cover;
}

.item-rarity-7 {
  background: url(../../../modules/installed/inventory/images/itemtype7.png), radial-gradient(circle, #9ACD32 5%, #0c4a16 100%);
    background-position: center;
    background-size: cover;
}

.item-rarity-8 {
  background: url(../../../modules/installed/inventory/images/itemtype8.png), radial-gradient(circle, #dfdf7e 5%, #fefff4 100%);
    background-position: center;
    background-size: cover;
}

.item-rarity-9 {
  background: url(../../../modules/installed/inventory/images/bg-2.webp), url(../../../modules/installed/inventory/images/itemtype9.png), radial-gradient(circle, #cb7000 5%, #ff8500 100%);
    background-position: center;
    background-size: cover;
}

.item-rarity-10 {
  background: url(../../../modules/installed/inventory/images/itemtype10.png), radial-gradient(circle, #DC143C 5%, #650a0a 100%);
    background-position: center;
    background-size: cover;
}


/* Progress */
.progress {
  border-radius: 0px;
  border: 1px solid var(--light);
  background-color: var(--dark);
  height: 15px;
  box-sizing: border-box;
  padding: 1px;
}

.progress {
    position: relative;
    background-color: #333 !important;
    margin-bottom: 0px;
}

.progress .over-health {
  position: absolute; 
  right: 1px; 
  bottom: 1px; 
  height: 11px; 
  text-align: right !important; 
  --font-weight: bold;
}

.progress .over-health[style="width:0.00%;"],
.progress .over-health[style="width: 0.00%;"] {
  display: none;
}

.progress-bar {
  color: white;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.progress .progress-label {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 6px;
    right: 6px;
    text-align: left;
}

.progress-bar {
  box-sizing: border-box;
  background-image: url("https://www.transparenttextures.com/patterns/egg-shell.png");
}

.progress-bar-default {
  background-color: var(--light);
}

.progress-bar-success {
  background-color: var(--green);
}

.progress-bar-danger {
  background-color: var(--red);
}

.progress-bar-warning {
  background-color: var(--yellow);
}

.progress-bar-info {
  background-color: var(--blue);
}

.register-captcha label {
  position: absolute;
  height: 100%;
  left: 0px;
  top: 0px;
  width: calc(100% / 6);
  border: 1px solid #999;
  border-right: none;
}

.register-captcha input {
  display: none;
}

.register-captcha label:hover {
  background-color: rgba(0, 100, 0, 0.2);
}

.register-captcha input:checked+label { 
  background-color: rgba(0, 100, 0, 0.4);
}

.register-captcha [for="c2"] { left: calc(100% / 6 * 1); }
.register-captcha [for="c3"] { left: calc(100% / 6 * 2); }
.register-captcha [for="c4"] { left: calc(100% / 6 * 3); }
.register-captcha [for="c5"] { left: calc(100% / 6 * 4); }
.register-captcha [for="c6"] { left: calc(100% / 6 * 5); border-right: 1px solid #999; }

.register-captcha img {
  width: 100%;
}